<template>
    <div>
        <ul>
            <li>
                <p>
                    <span>订单号:123123</span>
                    <span>已付款
                        <i class="el-icon-close"></i>
                    </span>
                </p>
                    <div class="img_price">
                        <span>
                            <img src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3155998395,3600507640&fm=26&gp=0.jpg" alt="">
                        </span>
                        <span>合计 :  ￥659</span>
                    </div>
                        <div class="pay">
                            <router-link to="/goappraise">去评价</router-link>
                        </div>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang="scss">
  li{
        width: 94%;
        height: 25vh;
        position: fixed;
        left: 3vw;
        top: 12vh;
        color: rgba(80, 80, 80, 1);
        background-color: rgba(241, 241, 241, 1);
        border-radius: 4px;
        font-size: 14px;
        line-height: 150%;
        text-align: center;
        p{
            display: flex;
            justify-content: space-between;
            padding: 2vh 5vw;
            font-size: 12px;
        }
        img{
            width: 66px;
            height: 66px;
        }
        .img_price{
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1vh 5vw;
        }
        .pay{
            width: 16vw;
            height: 3vh;
            position: absolute;
            background-color: rgba(255, 102, 49, 1);
            border-radius: 4px;
            font-size: 12px;
            line-height: 150%;
            text-align: center;
            position: fixed;
            right: 13vw;   
            a{
            color: rgba(255, 255, 255, 1);
            }        
        }
    }

</style>